<ion-view view-title="绩效" class='home'>
    <ion-content scroll="false">
        <!-- <div id="container" style="width: 350px;height:400px;"></div> -->
        <ion-slide-box on-slide-changed='slideHasChanged($index);' slide-tabs-scrollable="false" show-pager="false" ion-slide-tabs>
            <ion-slide class="label1" ion-slide-tab-label="综合绩效">
                <ion-content>
                    <div time times="times" month="month" on-fun='getPres(month)'></div>
                    <div class="img">
                        <img ng-src="img/home.jpg">
                        <ul class=''>
                            <li>
                                <span>团队排名</span>
                                <h4>第一名</h4>
                            </li>
                            <li>
                                <span>本月销量(万)</span>
                                <h4>￥{{performances[0].a3}}</h4>
                            </li>
                        </ul>
                    </div>
                    <div class="l1">
                        <ul>
                            <div class="rate" ng-repeat="performance in performances track by $index">
                                <li>
                                    <h4>{{performance.month}}</h4>
                                    <span>{{performance.time}}</span>
                                </li>
                                <li>
                                    <div class="progress">
                                        <div circle plan="performance.a2" practice="performance.a3" bid="canvas{{$index}}"></div>
                                    </div>
                                    <div class="desc">
                                        <p>指标:{{performance.a2}}万元</p>
                                        <div class="pro pro1"></div>
                                        <p>业绩:{{performance.a3}}万元</p>
                                        <div class="pro pro2" range from='performance.a2' to='performance.a3'></div>
                                    </div>
                                </li>
                            </div>
                        </ul>
                    </div>
                </ion-content>
                    
            </ion-slide>
            <ion-slide class="label2" ion-slide-tab-label="综合比较">
                <ion-content>
                    <div time times="times" month="month" on-fun='selectMonth(month, type)'></div>
                    <div class="title">
                        <h4>团队成员销量综合分析</h4>
                        <div class="buttons">
                            <button class='button' ng-click="selectMonth(month, 1)" ng-class="{'activeted': type1 == 1}">单月</button>
                            <button class='button' ng-click="selectMonth(month, 2)" ng-class="{'activeted': type1 == 2}">双月</button>
                            <button class='button' ng-click="selectMonth(month, 3)" ng-class="{'activeted': type1 == 3}">全年</button>
                        </div>
                    </div>
                    <div id="container" style="width: 90%;height:400px;"></div>
                </ion-content>
                    
            </ion-slide>
            <ion-slide class="label3" ion-slide-tab-label="成员贡献">
                <ion-content>
                    <div time times="times" month="month" on-fun='loadMonth(month, type)'></div>
                    <div class="title">
                        <h4>团队成员销量趋势</h4>
                        <div class="buttons">
                            <button class='button' ng-click="loadMonth(month, 0)" ng-class="{'activeted': type2 == 0}">单月</button>
                            <button class='button' ng-click="loadMonth(month, 1)" ng-class="{'activeted': type2 == 1}">双月</button>
                            <button class='button' ng-click="loadMonth(month, 2)" ng-class="{'activeted': type2 == 2}">全年</button>
                        </div>
                    </div>
                    <div id="container2" style="width: 80%;height:400px;margin: auto;"></div>
                </ion-content>
                    
            </ion-slide>
            <ion-slide class="label4" ion-slide-tab-label="销量趋势">
                <ion-content>
                    <div time times="times" month="month" on-fun='salesSelectMonth(month, type)'></div>
                    <div class="title">
                        <h4>团队成员销量趋势</h4>
                        <div class="buttons">
                            <button class='button' ng-click="salesSelectMonth(month, 1)" ng-class="{'activeted': salesType == 1}">单月</button>
                            <button class='button' ng-click="salesSelectMonth(month, 2)" ng-class="{'activeted': salesType == 2}">双月</button>
                        </div>
                    </div>
                    <div id="container3" style="width: 90%;height:400px;"></div>
                </ion-content>
                    
            </ion-slide>
        </ion-slide-box>
    </ion-content>
</ion-view>